import Vue from 'vue'
import VueRouter from 'vue-router';
import login from '../components/login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/Users.vue'
import Rights from '../components/power/Rights.vue'
import Roles from '../components/power/Roles.vue'
import Cate from '../components/goods/Cate.vue'
import AddGoods from '../components/goods/AddGoods.vue'
import EditGoods from '../components/goods/EditGoods.vue'
import List from '../components/goods/List.vue'
import Params from '../components/goods/Params.vue'
import Order from '../components/order/Order.vue'
import Report from '../components/report/Report.vue'

Vue.use(VueRouter)


const routes =[
    {
      path: '/login',
      component: login
    },
    {
      path: '/',
      redirect: '/login'
    },
    {
      path: '/home',
      component: Home,
      redirect: '/welcome',
      children: [
        {path :'/Welcome', component: Welcome},
        {path: '/users', component: Users},
        {path :'/rights',component: Rights},
        {path :'/roles',component: Roles},
        {path :'/categories', component: Cate},
        {path :'/goods/add',component: AddGoods},
        {path :'/goods/edit/:goodsId',component: EditGoods},
        {path :'/goods',component: List},
        {path :'/params',component: Params},
        {path :'/orders',component: Order},
        {path :'/reports',component: Report}

      ]
    }
  ]
const router =  new VueRouter({
  routes
})

// 挂载路由导航守卫,to表示将要访问的路径，from表示从哪里来，next是下一个要做的操作 next('/login')强制跳转login
router.beforeEach((to, from, next) => {
  // 访问登录页，放行
  if (to.path === '/login') return next();
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  // 没有token, 强制跳转到登录页
  if (!tokenStr) return next('/login')
  next()
})

export default router
